<h2 class="contentTitle">面板</h2>


<div class="pageContent sortDrag" selector="h1" layoutH="42">

    <div class="panel" defH="150">
        <h1>不可折叠面板1</h1>
        <div>
            <table class="list" width="98%">
                <thead>
                    <tr>
                        <th width="80">序号</th>
                        <th>姓名</th>
                        <th>性别</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>男</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>李四</td>
                        <td>女</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>男</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>李四</td>
                        <td>女</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>男</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>李四</td>
                        <td>女</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    
    <div class="panel close collapse" defH="150">
        <h1>可折叠默认关闭面板</h1>
        <div>
            <p>内容</p>
            <p>内容</p>
            <p>内容</p>
        </div>
    </div>

    <div class="panel collapse" minH="100" defH="150">
        <h1>可折叠默认打开面板</h1>
        <div>
            <p>内容</p>
            <p>内容</p>
            <p>内容</p>
        </div>
    </div>

</div>
